<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link type="text/css" rel="stylesheet" href="../css/leave.css">
<script type="text/javascript" src="../jquery/jquery-3.1.0.js"></script>
<script type="text/javascript" src="../js/leave.js"></script>
<title>请假页面</title>
</head>
<body>
	<!-- 申请请假 -->
	<a onclick="showLeaveWin()" href="#" mce_href="#">申请请假</a>
	<div id="leaveWin" class="win">
		<div id="title">
			请假窗口<span id="close" onclick="hideLeaveWin()">X</span>
		</div>
		<div id="content">
			<div id="leave">
				<table cellpadding="10" border="1">
					<tr>
						<th>请假人</th>
						<th>请假起始时间</th>
						<th>请假结束时间</th>
						<th>请假原因</th>
						<th>审批人</th>
						<th>操作</th>
					</tr>
					<tr>
						<td><input type="text" id="leaveUser" name="name"
							style="height: 30px;"></td>
						<td><input type="datetime-local" id="startTime"
							name="startTime" style="height: 30px;"></td>
						<td><input type="datetime-local" id="endTime" name="endTime"
							style="height: 30px;"></td>
						<td><input type="text" id="reason" name="reason"
							style="height: 30px; width: 400px;"></td>
						<td><select id="approver" style="height: 30px;">
								<option name="null">请选择审批人</option>
								<option name="李四">李四</option>
								<option name="王五">王五</option>
						</select></td>
						<td><input type="button" name="leave" onclick="leaveSubmit()"
							value="请假" style="height: 30px; margin-top: 20px;">&nbsp;&nbsp;
						</td>
					</tr>
				</table>
			</div>
		</div>
		<!-- 查看个人任务 -->
	</div>
	<!-- 查看请假结果 -->
	<a onclick="showResultWin()" href="#" mce_href="#">查看请假结果</a>
	<!-- 结果窗口 -->
	<div id="resultWin" class="win">
		<div id="title">
			个人任务<span id="close" onclick="hideResultWin()">X</span>
		</div>
		<div id="content">
			<div id="leave">
				<table cellpadding="10" border="1">
					<tr>
						<th>请假人</th>
						<th>请假起始时间</th>
						<th>请假结束时间</th>
						<th>请假原因</th>
						<th>结果</th>
					</tr>
					<tr>
						<td style="display: none;"><input id="taskId"></td>
						<td><input id="ruserName" type="userName"
							style="height: 30px;" readonly="true"></td>
						<td><input id="rstartTime" type="text" name="startTime"
							style="height: 30px;"  readonly="true"></td>
						<td><input id="rendTime" type="text" name="endTime"
							style="height: 30px;"  readonly="true"></td>
						<td><input id="rreason" type="text" name="reason"
							style="height: 30px; width: 420px;"  readonly="true"></td>
						<td><input id="leaveResult" type="text" name="result" style="height:30px;"  readonly="true"></td>
					</tr>
				</table>
			</div>
		</div>
	</div>
	<a onclick="showTaskWin()" href="#" mce_href="#">查看任务</a>
	<div id="taskWin" class="win">
		<div id="title">
			个人任务<span id="close" onclick="hideTaskWin()">X</span>
		</div>
		<div id="content">
			<div id="leave">
				<table id="taskContent" cellpadding="10" border="1">
					<tr>
						<th>请假人</th>
						<th>请假起始时间</th>
						<th>请假结束时间</th>
						<th>请假原因</th>
						<th>操作</th>
					</tr>
				</table>
			</div>
		</div>
	</div>
</body>
</html>